<template>
    <div class="detail">
        <header>
            <mt-header title="详情">
            <router-link to="/" slot="left">
                <mt-button icon="back">返回</mt-button>
            </router-link>
        </mt-header>
        </header>
        
        <section>
            <h1>组件详情</h1>
            <ul>
                <li>{{ detail }}</li>
            </ul>
        </section>
    </div>
</template>

<script>
import Vue from 'vue'
import { Header } from 'mint-ui';
Vue.component(Header.name, Header);

import axios from 'axios'
export default {
    name:'Detail',
    data() {
        return {
            detail:''
        }
    },
    mounted() {
        var _this=this
        axios({
            method:'get',
            url:"http://jx.xuzhixiang.top/ap/api/detail.php",
            params:{uid:'11475',id:_this.$route.params.id}
        }).then(function(data){
            _this.detail=data.data.data.pdesc
        })
    },
}
</script>

<style scoped>
	*{
        font-size: 14px!important;
    }
    .detail{
        height:100vh;
        display: flex;
        flex-direction: column
    }
    header{
        height: 44px;
        background: yellowgreen;
        text-align: center;
        line-height: 44px
    }
    section{
        flex: 1
    }
</style>
